<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!doctype html>


<s:include value="header/header.jsp" />

<s:include value="menu/menu.jsp" />
<s:form  id="update_staff" name="update_staff" action="Staff!update" method="post" theme="simple">
<div id="content">

	<div id="contentHeader">
		<h1></h1>
	</div>
	<!-- #contentHeader -->

	<div class="container">
		<div class="grid-16">

			<div class="widget">

				<div class="widget-header">
					<span class="icon-article"></span>
					<h3>Chỉnh Sửa Thông Tin Nhân Viên</h3>
				</div>

				<div class="widget-content">
				<form class="form uniformForm">
				<fieldset>
					<div class="field-group">
						<label>Họ Và Tên :</label>
						<div class="field">
							<s:hidden name="sta.staffId"/>
							<s:hidden name="sta.staffPass"/>
							<s:hidden name="sta.usergroup.grouptxt"/>
							<s:textfield id="staffName" name="sta.staffName" size="30" />
						</div>
					</div>
					<div class="field-group">
						<label>Vị trí :</label>
						<div class="field">
<%-- 							<s:select id="usergId" name="sta.usergroup.grouptxt" size="30" /> --%>
							<s:select name="sta.usergroup.usergId"
							list="#{1:'Quản Trị Viên', 2:'Nhân viên văn phòng', 3:'Nhân viên lao động' }"/>
						</div>
					</div>
					<div class="field-group">
						<label>Địa Chỉ :</label>
						<div class="field">
							<s:textfield id="address" name="sta.address" size="30" />
						</div>
					</div>
					<!-- .field-group -->
					<div class="field-group">
						<label>Điện Thoại :</label>
						<div class="field">
							<s:textfield id="phone" name="sta.phone" size="30" />

						</div>
					</div>
					<!-- .field-group -->

					<div class="field-group">
						<label>Email :</label>
						<div class="field">
							<s:textfield id="email" name="sta.email" size="30" />

						</div>
					</div>
				</fieldset>
				<div class="#" id="button-edit-team">
					<button type="submit" class="btn btn-primary">Save</button>
				</div>
				</form>
				</div>
				<!-- .widget-content -->
				
			</div>
			<!-- .widget -->
		</div>
		<!-- .grid -->


	</div>
	<!-- .container -->

</div>
<!-- #content -->
</s:form>
<div id="topNav">
	<ul>
		<li><a href="#menuProfile" class="menu">John Doe</a>

			<div id="menuProfile" class="menu-container menu-dropdown">
				<div class="menu-content">
					<ul class="">
						<li><a href="javascript:;">Edit Profile</a></li>
						<li><a href="javascript:;">Edit Settings</a></li>
						<li><a href="javascript:;">Suspend Account</a></li>
					</ul>
				</div>
			</div></li>
		<li><a href="javascript:;">Upgrade</a></li>
		<li><a href="index-2.html">Logout</a></li>
	</ul>
</div>
<!-- #topNav -->

<div id="quickNav">
	<ul>
		<li class="quickNavMail"><a href="#menuAmpersand" class="menu"><span
				class="icon-book"></span></a>



			<div id="menuAmpersand" class="menu-container quickNavConfirm">
				<div class="menu-content cf">

					<div class="qnc qnc_confirm">

						<h3>Confirm</h3>

						<div class="qnc_item">
							<div class="qnc_content">
								<span class="qnc_title">Confirm #1</span> <span
									class="qnc_preview">Lorem ipsum dolor sit amet,
									consectetur adipisicing elit, sed do.</span> <span class="qnc_time">3
									hours ago</span>
							</div>
							<!-- .qnc_content -->

							<div class="qnc_actions">
								<button class="btn btn-primary btn-small">Accept</button>
								<button class="btn btn-quaternary btn-small">Not Now</button>
							</div>
						</div>

						<div class="qnc_item">
							<div class="qnc_content">
								<span class="qnc_title">Confirm #2</span> <span
									class="qnc_preview">Duis aute irure dolor in henderit in
									voluptate velit esse cillum dolore.</span> <span class="qnc_time">3
									hours ago</span>
							</div>
							<!-- .qnc_content -->

							<div class="qnc_actions">
								<button class="btn btn-primary btn-small">Accept</button>
								<button class="btn btn-quaternary btn-small">Not Now</button>
							</div>
						</div>

						<div class="qnc_item">
							<div class="qnc_content">
								<span class="qnc_title">Confirm #3</span> <span
									class="qnc_preview">Duis aute irure dolor in henderit in
									voluptate velit esse cillum dolore.</span> <span class="qnc_time">3
									hours ago</span>
							</div>
							<!-- .qnc_content -->

							<div class="qnc_actions">
								<button class="btn btn-primary btn-small">Accept</button>
								<button class="btn btn-quaternary btn-small">Not Now</button>
							</div>
						</div>

						<a href="javascript:;" class="qnc_more">View all Confirmations</a>

					</div>
					<!-- .qnc -->
				</div>
			</div></li>
		<li class="quickNavNotification"><a href="#menuPie" class="menu"><span
				class="icon-chat"></span></a>

			<div id="menuPie" class="menu-container">
				<div class="menu-content cf">

					<div class="qnc">

						<h3>Notifications</h3>

						<a href="javascript:;" class="qnc_item">
							<div class="qnc_content">
								<span class="qnc_title">Notification #1</span> <span
									class="qnc_preview">Lorem ipsum dolor sit amet,
									consectetur adipisicing elit, sed do.</span> <span class="qnc_time">3
									hours ago</span>
							</div> <!-- .qnc_content -->
						</a> <a href="javascript:;" class="qnc_item">
							<div class="qnc_content">
								<span class="qnc_title">Notification #2</span> <span
									class="qnc_preview">Duis aute irure dolor in
									reprehenderit in voluptate velit esse cillum dolore eu.</span> <span
									class="qnc_time">3 hours ago</span>
							</div> <!-- .qnc_content -->
						</a> <a href="javascript:;" class="qnc_more">View all
							Confirmations</a>

					</div>
					<!-- .qnc -->
				</div>
			</div></li>
	</ul>
</div>
<!-- .quickNav -->


</div>
<!-- #wrapper -->

<div id="footer">Copyright &copy; 2012, MadeByAmp Themes.</div>


<script src="javascripts/all.js"></script>

<script>
$(function () { 
	$( "#datepicker" ).datepicker();
	$( "#datepicker_inline" ).datepicker();
	$('#colorpickerHolder').ColorPicker({flat: true});
	$('#timepicker').timepicker ({ 
		showPeriod: true 
		, showNowButton: true
		, showCloseButton: true
	});
	
	$('#timepicker_inline_div').timepicker({
	   defaultTime: '9:20'
	});		
		
	$('#colorSelector').ColorPicker({
		color: '#FF9900',
		onShow: function (colpkr) {
			$(colpkr).fadeIn(500);
			return false;
		},
		onHide: function (colpkr) {
			$(colpkr).fadeOut(500);
			return false;
		},
		onSubmit: function (hsb, hex, rgb, el) {
			$(el).ColorPickerHide ();	
		},
		onChange: function (hsb, hex, rgb) {
			$('#colorSelector div').css({ 'background-color': '#' + hex });
			$('#colorpickerField1').val ('#' + hex);
		}
	});
	
	$('#colorpickerField1').live ('keyup', function (e) {
		var val = $(this).val ();
		val = val.replace ('#', '');
		$('#colorSelector div').css({ 'background-color': '#' + val });
		$('#colorSelector').ColorPickerSetColor(val);
	});
	
	
	//binhpv
	$('#button-edit-team').click(function(){
		document.forms["update_staff"].submit();
	});

});

</script>

</body>
</html>